<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : counsel_catalog.jsp
    Description : 설명을 기술합니다.
    author smJeon
    since 2012. 5. 10.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 5. 10.     smJeon     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/com/include/declare.jspf" %>
<%@ include file="/WEB-INF/jsp/com/include/doctype.jspf" %>
<%@ include file="/WEB-INF/jsp/com/include/session.jspf" %>
<script>


  function ctlgReq(){
      var stCd = "${result.stCd}"
      
      if(stCd=='O'){
          //관리자 해지
          openPopUp();
          dcsMultiTrack('DCS.dcssip','www.hyundai.com','DCS.dcsurl','/kr/ctlg/req/selectCtlgPaging.do','WT.ti','홈_상담_카탈로그신청','WT.si_n','Hyundai_Catalog','WT.si_x','1');
      }else if(stCd=='Q'){
          //사용자 해지
        compareDate(stCd);
        dcsMultiTrack('DCS.dcssip','www.hyundai.com','DCS.dcsurl','/kr/ctlg/req/selectCtlgPaging.do','WT.ti','홈_상담_카탈로그신청_해지','WT.si_n','Hyundai_Catalog','WT.si_x','1');
      }else if(stCd=='U'){
          //사용자 신청중
          compareDate(stCd);
          dcsMultiTrack('DCS.dcssip','www.hyundai.com','DCS.dcsurl','/kr/ctlg/req/selectCtlgPaging.do','WT.ti','홈_상담_카탈로그신청_해지','WT.si_n','Hyundai_Catalog','WT.si_x','1');
      }else if(stCd==null || stCd==""){
          //신청하지 않았으로 신청 하게 함
          //신청하기전에 로그인 여부를 확인하여야 한다.

         loginCheck()

         //     openPopUp();
      }
       
  }

 function loginCheck(){
     var mbrSn = "${userInfo.mbrSn}";
     if(mbrSn == ""){
       //  response.sendRedirect((String)session.getAttribute("ABLE_RETURN_URL"));
         location.href='/kr/mbr/loginView.do?reqURL=/kr/ctlg/req/selectCtlgPaging.do';
         return ;
     }
     openPopUp();
     
     //dcsMultiTrack('DCS.dcssip','www.hyundai.com','DCS.dcsurl','/kr/ctlg/req/selectCtlgPaging.do','WT.ti','홈_상담_카탈로그신청','WT.si_n','Hyundai_Estimate','WT.si_x','1');
     /*
     
     $.post("<c:url value='/ctlg/req/ctlgLoginCheck.do'/>",
             {
             },
             function(data){
                 var result={};
                 var items = $(data).find("item");
                 items.each(function(index,element){
                    var name = $(this).find("name").text();
                    var value = $(this).find("value").text();
                    result[name] = value;
                 });
                 if(result["result"] =="OK"){
                     openPopUp();
                                     
                 }else{
                     location.href='/kr/mbr/loginView.do?reqURL=/kr/ctlg/req/selectCtlgPaging.do';
                 }
                     
                     
             }  
         );  
     
     */
     
 }
  
  
  function compareDate(stateCode){
     
      $.post(
              "<c:url value='/ctlg/ctlg/selectComDate.do'/>",
              {
                 "stCd" : stateCode 
              },function(data) {
                  var items = $(data).find("item");
                  items.each(function(index, element) {
                      var result = $(this).find("value").eq(0).text();
                      if(result=='OK'){
                          openPopUp();
                      }else if(result=='FALSE' && stateCode=='Q'){
                          alert('사용자 해지 후 1개월 뒤 재신청 가능합니다.');
                      }else if(result=='FALSE' && stateCode=='U'){
                          if(confirm("신청 중 입니다 해지 하시겠습니까?")){
                              cancelCtlg();
                          }
                      }
                  });
              });
  } 
 
  function cancelCtlg(){
      var userId = "${userInfo.mbrEml}";
      var userNm = "${userInfo.mbrNm}";
      $.post(
              "<c:url value='/ctlg/ctlg/updateCancelCtlg.do'/>",
              {
                 'stCd' : 'Q',
                 'aplcId' : userId,
                 'aplcNm' : userNm
              },function(data) {
                  var items = $(data).find("item");
                  items.each(function(index, element) {
                      var result = $(this).find("value").eq(0).text();
                      if(result=='OK'){
                          alert('신청이 취소 되었습니다');
                          location.reload();
                      }
                  });
              });
  }
  
  function loginPopUp(){
      alert('loginPopUp');
  }
  function openPopUp(){
      $('body').dimmedFrame();
      $("#personinfopopup-catalog").css({top:$(window).scrollTop()}).show();    
  }
  function closeLayer(){
      $('.dimmed-frame').remove();
      $("#personinfopopup-catalog").hide(); 
  }
  var retcnt = 0;
  function insertInfo(){
      if(retcnt == 0) {
      //document.ondblclick = new function{"return false";}
      var zipScn = $("#zipScn");
      var zipSn01 = $("#zipSn01");
      var zipSn02 = $("#zipSn02");
      var adr = $("#adr");
      var dtlAdr = $("#dtlAdr");
      
      var year = $("#year");
      var mon = $("#mon");
      var day = $("#day");
      var ptcChidSex = $("#ptcChidSex");
      var carCtlg = $("#carCodeTemp1");
      var carCtlg2 = $("#carCodeTemp2");
      var purYear = $("#purYear"); //구매예정
      var purMon = $("#purMon");
      var basicAddr = $('#basicAddr').is(':checked');
      var agrValue;
      var agrChk = document.getElementById("agrChk");
      var perAgrChk = document.getElementById("perAgrChk");
      var mktAgrChk = document.getElementById("mktAgrChk");
      var mbrSn = "";
    
      mbrSn = "${userInfo.mbrSn}";
      
      if(perAgrChk.checked != true){
          alert("개인정보 수집및 이용 목적에  동의하여 주십시요");
          perAgrChk.focus();
          return;
      }

      if(mktAgrChk.checked != true){
          alert("마케팅 활용에  동의하여 주십시요");
          mktAgrChk.focus();
          return;
      }
      
      if(agrChk.checked != true){
          alert("개인정보 보유 및 이용기간에  동의하여 주십시요");
          agrChk.focus();
          return;
      }
      
      
      
      
      
      if($('#agree1').is(':checked')){
          agrValue='Y';
      }else if($('#agree2').is(':checked')){
          agrValue='N';
      }
      
      

      if(zipSn01.val() == "" || zipSn02.val() == "" || adr.val() == ""){
          alert("우편번호 검색을 해주세요.");
          adr.focus();
          return;
      }
      
      if(carCtlg.val()==""){
          alert("카탈로그 최소 하나를 선택해 주세요");
          return;
      }
      
      
      var carCtlgValue = carCtlg.val();
      var carCtlg2Value = carCtlg2.val();
      var purParrValue = purYear.val() + "-" + purMon.val();
      var aplcIdValue = "${userInfo.mbrEml}";

      
      var addValue = adr.val() + " " + dtlAdr.val();
      var aplcNmValue = "${userInfo.mbrNm}";

      $.post(  //고객정보도 Update한다.
              "<c:url value='/ctlg/ctlg/insertCtlg.do'/>",
              {
                  
                  'mbrSn': mbrSn,
                  'tymd' : year.val()+ mon.val()+ day.val(),
                  'zipScn' : zipScn.val(),
                  'zipSn01': zipSn01.val(),
                  'zipSn02': zipSn02.val(),
                  'adr'    : adr.val(),
                  'dtlAdr' : dtlAdr.val(),
                  
                 "vehlCd" : carCtlgValue ,
                 "vehlCd2" : '' , //carCtlg2Value ,
                 "purParr" : purParrValue ,
                 "aplcId" : aplcIdValue ,
                 "pmatRcvPl" : addValue ,
                 "aplcNm" : aplcNmValue,
                 "gidTelAgrYn" : agrValue,
                 "stCd" : 'U'
              },function(data) {
                  var items = $(data).find("item");
                  items.each(function(index, element) {
                      var result = $(this).find("value").eq(0).text();
                      if(result=='OK'){
                          alert('신청 되었습니다');
                          location.reload();
                          retcnt++;

                          dcsMultiTrack('DCS.dcssip','www.hyundai.com','DCS.dcsurl','/kr/ctlg/req/selectCtlgPaging.do','WT.ti','홈_상담_카탈로그신청_완료','WT.si_n','Hyundai_Catalog','WT.si_x','2','WT.si_cs','1');
                      }
                  });
              });
      }
      
  }
 
 


 function selectChanged(comCd, carTypeCd){
 
     if(comCd ==""){//차종을 분류로 선택한경우 모델을 삭제처리한다.

         $('#carTypeTemp').find("option").remove();
         $('#carTypeTemp').append('<option value="">전체</option>');      
         return;
     }
     
     $.post(
             "<c:url value='/ctlg/pdf/addSelectOption.do'/>",
             {
                "comCd" : comCd
             },function(data) {
                 var result = [];
                 var items = $(data).find("item");
                 var carCdValue = "<c:out value="${ctlgSearchVO.carCd}"/>";
                 items.each(function(index, element) {
                     var object={}
                     var comCd = $(this).find("value").eq(0).text();
                     var comCdNm = $(this).find("value").eq(1).text();
                     object["comCd"] = comCd;
                     object["comCdNm"] = comCdNm; 
                     result[index] = object;    
                 });
                 $('#carTypeTemp2').html('');
                 //items가 없으면 소분류명으로 나온다
                 var html = '<select  id="carTypeTemp" name="carTypeTemp" class="select select-type1">'
                     +'<option value="">전체</option>';
                                           
                 for(var i=0;i<result.length;i++){
                     if(carCdValue && carCdValue == result[i]["comCd"]){
                         html+='<option value="'+result[i]["comCd"]+'" selected="selected">'+result[i]["comCdNm"]+'</option>';
                     }else{
                         html+='<option value="'+result[i]["comCd"]+'">'+result[i]["comCdNm"]+'</option>';
                     }
                  }
                 html+='</select>';
                 $('#carTypeTemp2').html(html);
                 //릴로드 될 때 검색되었다면 선택된 소분류를 지정해 준다.
                 if(carTypeCd != ""){
                     $('select[id=carTypeTemp] option[value=' + carTypeCd + ']').attr('selected', true);
                 }
                 $('#carTypeTemp').customSelect();
             });  
      
     

 } 
 

 
 function fnSerchForm() {
     //선택 값을 가져온다        
     var carSortValue = $('#carSortTemp option:selected').val();
     var carTypeValue = $('#carTypeTemp option:selected').val();

     if(carSortValue == ""){
         alert("차종분류를 선택하여 주십시요");
         return ;
     }
     
     //서치폼에 값을 설정한다
     var form = document.serchForm;
     $('#carSort').val(carSortValue);
     $('#carCd').val(carTypeValue);
     $('#pageIndex').val(1);
     var pdfListHtml = document.getElementById("pdfList");       

     
     $.post(
             "<c:url value='/ctlg/req/selectCtlgList.do'/>",
             {
                 "carSort" : carSortValue,
                "carCd" : carTypeValue
             },function(data) {
                 var result = [];
                 var items = $(data).find("item");
                 var carCdValue = "<c:out value="${ctlgSearchVO.carCd}"/>";
                 items.each(function(index, element) {
                     var object={}
                     var imgPath = $(this).find("value").eq(0).text();
                     var comCdNm = $(this).find("value").eq(1).text();
                     var carName = $(this).find("value").eq(2).text(); 
                     var updateDt = $(this).find("value").eq(3).text(); 
                     var filSn    = $(this).find("value").eq(4).text(); 
                     
                     object["imgPath"] = imgPath;
                     object["comCdNm"] = comCdNm; 
                     object["carName"] = carName;
                     object["updateDt"] = updateDt; 
                     object["filSn"] = filSn;
                     
                     result[index] = object;    
                 });
                
                 //items가 없으면 소분류명으로 나온다
                 var inHTML = "";
                 for(var i=0;i<result.length;i++){
                     inHTML = inHTML + "<div class='section' >                                                                                                                                   ";
                     inHTML = inHTML + "    <div class='thumb-area-wrap' title='이미지'>                                                                                                         ";
                     inHTML = inHTML + "        <div class='thumb-area'>                                                                                                                         ";
                     inHTML = inHTML + "        ${result.imgPath }                                                                                                                               ";
                     inHTML = inHTML + "            <img src='/kr/file/imagePathView.do?nrFilNm=PDF/IMG/" + result[i]["imgPath"]+ " ' alt='카탈로그 이미지' class='thumb' />                               ";
                     inHTML = inHTML + "        </div>                                                                                                                                           ";
                     inHTML = inHTML + "    </div>                                                                                                                                               ";
                     inHTML = inHTML + "    <div class='sort-area' title='분류'>                                                                                                                 ";
                     inHTML = inHTML + "        " + result[i]["comCdNm"]+ "                                                                                                                           ";
                     inHTML = inHTML + "    </div>                                                                                                                                               ";
                     inHTML = inHTML + "    <div class='name-area' title='차종명'>                                                                                                               ";
                     inHTML = inHTML + "       " + result[i]["carName"]+ "                                                                                                                           ";
                     inHTML = inHTML + "    </div>                                                                                                                                               ";
                     inHTML = inHTML + "    <div class='update-area' title='차종명'>                                                                                                             ";
                     inHTML = inHTML + "      " + result[i]["updateDt"]+ "                                                                                                                                 ";
                     inHTML = inHTML + "    </div>                                                                                                                                               ";
                     inHTML = inHTML + "    <div class='download-area' title='다운로드'>                                                                                                         ";
                     inHTML = inHTML + "        <a href='/kr/file/download.do?filSn=" +result[i]["filSn"]+ "'><img src='/kr/images/common/button/btn_pdf_download.gif' alt='PDF 다운로드' /></a>         ";
                     inHTML = inHTML + "    </div>                                                                                                                                               ";
                     inHTML = inHTML + "</div>                                                                                                                                                   ";                 
                }
        
                 pdfListHtml.innerHTML = inHTML;

             });  
      
 }
  

 function zipCodePopUp(obj) {

 newWindow =  window.open("/kr/mbr/zipCodePopUp.do","우편번호찾기","top=500px,left=800px,height=800px,scrollbars=yes,width=660px,menubar=no,toolbar=no,status=no");


 }
 
function selectPurYearMonth(){
    
    var now = new Date();
    var year = now.getFullYear();

    var month = now.getMonth() + 1;
    //if((month+"").length < 2){
    //    month = "0" + month;
   // }    
    $('#purYearDiv').html('');
    var html = '<select   class="select select-type1"  style="width:60px;"  id="purYear" name="purYear">';

                 
    for(var i=year;i<= year+ 2;i++){
        
        if(i == year){

            
            html+='<option value="'+ i  + '" selected="selected">'+ i+ '</option>';
        }else{
            html+='<option value="'+ i  +'">'+i+'</option>';
        }
     }
    html+='</select>';
    $('#purYearDiv').html(html);    
    $('#purYear').customSelect();
    
    html2= "";
    $('#purMMDiv').html('');
     var j ; 
    var html2 = '<select   class="select select-type1" style="width:60px;" id="purMon">';
      for( i= 1 ; i <= 12 ; i++){
          
          if((i+"").length < 2){
              j = "0" + i;
          } else{
              j =i ;
          }          
         if(i == month){

             html2 += ' <option value="'+j + '" selected>' + j + '</option>';
         }
         else{
             html2 += ' <option value="'+ j+ '" >' + j + '</optioin>';
         }
     }
     html2 += ' </select>';
     

     
     $('#purMMDiv').html(html2);    
     $('#purMon').customSelect();   
    
    
    
} 
 
 $(document).ready(function() {
  /*   $('#carTypeTemp').customSelect();*/
     
     var carCdValue = "<c:out value="${ctlgSearchVO.carCd}"/>";
    var carSortValue = "<c:out value="${ctlgSearchVO.carSort}"/>";

    
/*
     var tymdYYYY = document.getElementById("purYear");
     var tymdMM   = document.getElementById("purMon");
     
     tymdYYYY.value = year;
     tymdMM.value = month;
     
     document.getElementById("carSortTemp").value = carSortValue;
     
*/
    selectPurYearMonth();
    selectChanged(carSortValue,carCdValue);
  
/*
    if(carCdValue){ 
        if(carCdValue.length == 5){
            selectChanged(carCdValue.substring(0, 2));   
        }
    }  
    */
    document.domain="hyundai.com" ;  
 });

</script>
</head>
<body>
<!-- 카탈로그 신청 -->
<div id="personinfopopup-catalog" class="layerpopup personinfopopup-catalog"><div class="layerpopup-inner">
    <div class="layerpopup-head">
        <h1><img src="/kr/images/layerpopup/h1_person_info.gif" alt="개인정보입력" /></h1>
    </div>
    <div class="layerpopup-contents">
        <div class="person-info-wrap">
            <h2 class="person-rule"><img src="/kr/images/layerpopup/h2_person_info.gif" alt="개인정보 수집, 이용에 관한 안내" /></h2>
             <!-- <div class="rule">${ctlgAgrSbclist.sbc1}<div class="inner"> -->
            <div class="rule">
            <div class="inner" style="overflow-y:auto">
    ${ctlgAgrSbclist.sbc1}
                   
            </div></div>
            <div class="etc-function">
                <label><input type="checkbox" class="check" id="perAgrChk" name="perAgrChk"/> 개인정보 수집 및 이용 목적에 동의합니다.(동의하지 않을 경우 신청 되지 않습니다.)</label>
            </div>
            <div class="etc-function">
                <label><input type="checkbox" class="check" id="mktAgrChk" name="mktAgrChk"/> 마케팅 활용에 동의합니다(동의하지 않을 경우 신청되지 않습니다.)</label>
            </div>
            <div class="etc-function">
                <label><input type="checkbox" class="check" id="agrChk" name="agrChk"/> 개인 정보 보유 및 이용기간에 동의합니다(동의하지 않을 경우 신청되지 않습니다.)</label>
            </div>
            <p class="desc"><img src="/kr/images/layerpopup/h1_person_info_desc02.gif" alt="카탈로그 배송을 위한 고객님의 개인정보를 아래 절차에 따라 입력해주세요." /></p>
            <div class="person-info">
                <table summary="">
                <colgroup>
                    <col width="20%" />
                    <col />
                </colgroup> 
                <tbody>
                <tr>
                    <th scope="row"><img src="/kr/images/layerpopup/txt_person_info01.png" alt="성명" /></th>
                    <td class="input">
                        <input type="text" class="txt" style="width:194px" value="${userInfo.mbrNm}" readonly/>
                        <input type="hidden" id="evntMnSn" name="evntMnSn" value="${evntMnVO.evntMnSn }"/>
                         <input type="hidden" id="evntType" name="evntType" value="${evntMnVO.evntType}"/>
                        <input type="hidden" id="ptcChidNm" name="ptcChidNm" value="${userInfo.mbrNm}"/>
                    </td>
                </tr>
                <tr>
                    <th scope="row"><img src="/kr/images/layerpopup/txt_person_info07.png" alt="생년월일" /></th>
                    <td class="input">
                                    <select class="select select-type1" style="width:60px; overflow-" id="year">
                                        <c:set value="2012" var="num2" />
                                        <c:forEach var="i" begin="0" varStatus="status" end="107"> 
                                            <c:if test="${fn:substring(userInfo.tymd, 0, 4) == (num2 - status.index)}">
                                                <option value="<fmt:formatNumber minIntegerDigits="2" value="${num2 - status.index}" pattern="##"/>" selected="selected"><fmt:formatNumber minIntegerDigits="2" value="${num2 - status.index}" pattern="##"/></option>
                                            </c:if> 
                                            <c:if test="${fn:substring(userInfo.tymd, 0, 4) != (num2 - status.index)}">
                                                <option value="<fmt:formatNumber minIntegerDigits="2" value="${num2 - status.index}" pattern="##"/>"><fmt:formatNumber minIntegerDigits="2" value="${num2 - status.index}" pattern="##"/></option>
                                            </c:if>
                                            
                                        </c:forEach>
                                    </select>
                                    <span class="in-input">년</span>
                                    <select class="select select-type1 space" style="width:56px;" id="mon">
                                        <c:forEach var="i" begin="1" varStatus="status" end="12">
                                            <fmt:formatNumber minIntegerDigits="2" value="${status.index}" pattern="##" var="selectNum"/>
                                            <c:if test="${fn:substring(userInfo.tymd, 4, 6) == selectNum}">  
                                                <option value="${selectNum }" selected="selected">${selectNum }</option>
                                            </c:if> 
                                            <c:if test="${fn:substring(userInfo.tymd, 4, 6) != status.index}">
                                               <option value="<fmt:formatNumber minIntegerDigits="2" value="${status.index}" pattern="##"/>"><fmt:formatNumber minIntegerDigits="2" value="${status.index}" pattern="##"/></option>
                                            </c:if>
                                        </c:forEach>
                                    </select> 
                                    <span class="in-input">월</span>
                                    <select class="select select-type1 space" style="width:56px;" id="day">
                                        <c:forEach var="i" begin="1" varStatus="status" end="31">
                                            <fmt:formatNumber minIntegerDigits="2" value="${status.index}" pattern="##" var="selectNum"/>
                                            <c:if test="${fn:substring(userInfo.tymd, 6, 8) == status.index}">
                                                <option value="${selectNum }" selected="selected">${selectNum }</option>
                                            </c:if> 
                                            <c:if test="${fn:substring(userInfo.tymd, 6, 8) != status.index}">
                                               <option value="${selectNum }">${selectNum }</option>
                                            </c:if>
                                        </c:forEach>
                                    </select>
                                    <span class="in-input">일</span>
                    </td>
                </tr>
                <tr>
                    <th scope="row"><img src="/kr/images/layerpopup/txt_person_info03.png" alt="주소(거주지)" /></th>
                            <td class="input">
                                <input type="hidden" id="zipScn" name="zipScn" value="${userInfo.zipScn}" >
                                <input type="hidden" id="wpaNm" name="wpaNm" value="" >
                                <input type="hidden" id="admzNm" name="admzNm" value="" >
                                
                                
                                <input type="text" class="txt" style="width:52px" id="zipSn01" name="zipSn01" value="${userInfo.zipSn1}" realonly/>
                                -
                                <input type="text" class="txt" style="width:52px" id="zipSn02" name="zipSn02" value="${userInfo.zipSn2}" realonly/>
                                <a href="javascript:zipCodePopUp('zipCode');"><img src="/kr/images/layerpopup/btn_zipcode.gif" alt="우편번호 검색" /></a>
                                <div class="sect">
                                    <input type="text" class="txt" style="width:282px" id="adr" name="adr" title="주소 입력" value="${userInfo.adr}" realonly/>
                                </div>
                                <div class="sect">
                                    <input type="text" class="txt" style="width:282px" id="dtlAdr" name="dtlAdr" title="나머지 주소 입력"  value="${userInfo.dtlAdr}"  realonly />
                                </div>
                            </td>
                </tr>
                <tr>
                    <th scope="row"><img src="/kr/images/layerpopup/txt_person_info04.png" alt="인쇄 카탈로그" /></th>
                    <td class="input">
                        <!-- <span class="in-input" ><font  color="Blue"><B>차종 1</B></font> </span> -->
                                        <select name="carCodeTemp1" id="carCodeTemp1" class="select select-type1 space" style="width:150px;" >
                                            <option value="">선택</option>
                                            <c:forEach var="carCodeList" items="${carCodeList}" varStatus="status"> 
                                                <option value="${carCodeList.carCode}">${carCodeList.carName}</oprion>
                                            </c:forEach>
                                        </select>
                                        <!-- 
                                        <span class="in-input space">차종 2</span>
                                        <select name="carCodeTemp2" id="carCodeTemp2" class="select select-type1 space" style="width:150px;" >
                                            <option value="">선택</option>
                                            <c:forEach var="carCodeList" items="${carCodeList}" varStatus="status">
                                                <option value="${carCodeList.carCode}">${carCodeList.carName}</oprion>
                                            </c:forEach>
                                        </select>
                                         -->
                    </td>
                </tr>
                <tr>
                    <th scope="row"><img src="/kr/images/layerpopup/txt_person_info05.png" alt="구매예정" /></th>
                    <td class="input">
                    <span id="purYearDiv" name="purYearDiv">

                     </span>
                        <span class="in-input">년</span>
                    <span id="purMMDiv">              

                    </span>
                        <span class="in-input">월</span>
                         
                    </td>
                </tr>
                <tr>
                    <th scope="row"><img src="/kr/images/layerpopup/txt_person_info06.png" alt="고개센터 안내전화" /></th>
                    <td>
                        좋은 정보 서비스 안내전화를 받으시겠습니까?
                                    <div class="etc-function">
                                        <input type="radio" class="check" id="agree1" name="infotel" />
                                        <label for="">예</label>
                                        <input type="radio" class="check space" id="agree2" name="infotel" checked="checked"/>
                                        <label for="">아니오</label>
                                    </div>
                    </td>
                </tr>
                </tbody>
                </table>
            </div>
            <p class="default-tip">
                * 정확한 개인정보를 입력하지 않으시면 서비스 이용에 불이익이 있을 수 있습니다.<br />
                * 새로 입력된 정보는 가입정보에 반영되어 업데이트 됩니다.<br />
                * 본 개인정보는 온라인 발송업체에 제공됩니다.
            </p>
        </div>
        <div class="btnwrap">
                <a href="javascript:insertInfo()"><img src="/kr/images/layerpopup/btn_confirm02.gif" alt="확인" /></a>
                <a href="javascript:closeLayer()"><img src="/kr/images/layerpopup/btn_cancel.gif" alt="취소" /></a>
        </div>
    </div>
    <!-- close -->
    <div class="close-area"><div class="close-area-inner">
        <img src="/kr/images/layerpopup/btn_close.gif" alt="닫기" class="close" />
    </div></div>
    <!-- //close -->
</div></div>
<!-- //카탈로그 신청 -->



<%@ include file="/WEB-INF/jsp/com/include/layerpopup.jspf" %>
<div id="wrap" class="non-subnavigation">
    <%@ include file="/WEB-INF/jsp/com/include/navi_utill_sub.jspf" %>
    <%@ include file="/WEB-INF/jsp/com/include/navi_header.jspf" %>
    <hr />

    <%@ include file="/WEB-INF/jsp/com/include/sub_header_counsel01.jspf" %>
    <hr />

    <div id="container">
        <div id="subtitle-area"><div class="subtitle-area-inner">
            <%@ include file="/WEB-INF/jsp/com/include/location.jspf" %>
        </div></div>
        <div id="article">
            <p class="default-desc"><img src="/kr/images/counsel/txt_counsel_catalog01.gif" alt="차 살때 좋은 정보 제공서비스!" /></p>
            <p><img src="/kr/images/counsel/txt_counsel_catalog02.gif" alt="처음 차를 구입하시는 고객님이나 여러 차종을 두고 고민하시는 분들께 도움을 드립니다. 신차안내, 특별판매조건 소개와 같은 구입정보 및 서비스 이용과 관련된 설문조사 등의 내용은 추가적으로 받으실 수 있습니다." /></p>
            <ol class="application-process subsection">
                <li>
                    <img src="/kr/images/counsel/txt_counsel_catalog03.gif" alt="" />
                    <p>카탈로그 제공</p>
                </li>
                <li>
                    <img src="/kr/images/counsel/txt_counsel_catalog04.gif" alt="" />
                    <p>현대자동차 구매가이드</br><em>(판매조건 ,이벤트) 제공</em></p>
                </li>
                <li>
                    <img src="/kr/images/counsel/txt_counsel_catalog05.gif" alt="" />
                    <p>현대자동차 구매가이드</br><em>(판매조건,이벤트) 제공</em></p>
                </li>
                <li>
                    <img src="/kr/images/counsel/txt_counsel_catalog06.gif" alt="" />
                    <p>카탈로그 신청 자동 초기화</p>
                </li>
            </ol>

            <div class="btnwrap">
                <c:if test ="${ctlgReqSttsInfoVO.reqStts == 'Z'}">
                <a href="javascript:ctlgReq()"><img src="/kr/images/common/button/btn_catalog_application.gif" alt="카탈로그 신청" /></a>
                <p class="default-desc"><br>(회원가입 및 로그인 후 신청하실 수 있습니다.)</p>
                </c:if>            
                <c:if test ="${ctlgReqSttsInfoVO.reqStts == ''}">
                <a href="javascript:ctlgReq()"><img src="/kr/images/common/button/btn_catalog_application.gif" alt="카탈로그 신청" /></a>
                <p class="default-desc"><br>(회원가입 및 로그인 후 신청하실 수 있습니다.)</p>
                </c:if>                 
                <c:if test ="${ctlgReqSttsInfoVO.reqStts == null}">
                <a href="javascript:ctlgReq()"><img src="/kr/images/common/button/btn_catalog_application.gif" alt="카탈로그 신청" /></a>
                <p class="default-desc"><br>(회원가입 및 로그인 후 신청하실 수 있습니다.)</p>
                </c:if>                 
                <c:if test ="${ctlgReqSttsInfoVO.reqStts == 'R'}">
                <a href="javascript:ctlgReq()"><img src="/kr/images/common/button/btn_catalog_application.gif" alt="카탈로그 신청" /></a>
                <p class="default-desc"><br>(회원가입 및 로그인 후 신청하실 수 있습니다.)</p>
                </c:if>
                <c:if test ="${ctlgReqSttsInfoVO.reqStts == 'C'}">
                    <a href="javascript:cancelCtlg()"><img src="/kr/images/common/button/btn_catalog_application2.gif" alt="카탈로그 신청취소" /></a>
                        <div class="request-stats-wrap">
                            <p class="stats">현재 ${userInfo.mbrNm }고객님은 <em>서비스가 신청되어 있습니다.</em></p>
                            <div class="request-data">
                                <p>
                                    <em>서비스 신청일</em>
                                    <span class="bar">|</span>
                                    ${ctlgReqSttsInfoVO.rgstDtm }
                                </p>
                            </div>
                        </div>
                </c:if>   
                   
                <c:if test ="${ctlgReqSttsInfoVO.reqStts == 'N'}">
                        <div class="request-stats-wrap">
                            <div class="request-cancel">
                                                                                현재 고객님은 <em><c:out value="${ctlgReqSttsInfoVO.cnclDt }"/></em>에 카탈로그 서비스를   해지하였습니다.<br>
                                                                                카탈로그 재신청은 해지 시점으로부터 1개월 이후 가능합니다.<br>                                                       
                                                                                  바로 카탈로그 재신청을 원하시면   <font color='blue'>[Q&A]-[홈페이지]-[카탈로그 초기화 신청]</font>에서<br>                                                  
                                <p>카탈로그 초기화 신청을 하시기 바랍니다..</p>
                            </div>
                        </div>

                </c:if>            
            </div>
            <h4 class="in-contents subsection"><img src="/kr/images/title/h4_counsel_catalog01.gif" alt="차종별 PDF 검색" /></h4>
                    <form method="post" action="" name="serchForm" id="serchForm" onsubmit="return false">
                        <input type="hidden" name="carCd" id="carCd" value="${CtlgSearchVO.carCd}">
                        <input type="hidden" name="carSort" id="carSort" value="${CtlgSearchVO.carSort }">
                        <input type="hidden" name="pageIndex" id="pageIndex" value="${CtlgSearchVO.pageIndex}">
                        <input type="hidden" name="rgstSn" id="rgstSn" value="0">
                    </form> 
            <div class="pdf-search-result-wrap">
                <div class="search-wrap">

                  
                    <select name="carSortTemp" id="carSortTemp" onchange="selectChanged(this.value)" class="select select-type1" >
                       <option value="">분류</option>
                        <c:forEach var="carSortList" items="${carSortList}" varStatus="status">
                            <c:if test="${ctlgSearchVO.carSort == carSortList.comCd}"> 
                                    <option value="${carSortList.comCd}" selected="selected">${carSortList.comCdNm}</oprion>
                            </c:if>
                            <c:if test="${ctlgSearchVO.carSort != carSortList.comCd}">  
                                    <option value="${carSortList.comCd}">${carSortList.comCdNm}</oprion>
                            </c:if>
                        </c:forEach>
                    </select>
                    <span id="carTypeTemp2" name="carTypeTemp2">
                    
                        <select  id="carTypeTemp"  name="carTypeTemp" class="select select-type1" >
                               <option value="" >전체</option>

                        </select>
                    </span>
                    <input type="image" src="/kr/images/common/button/btn_search.gif" alt="SEARCH" onclick="fnSerchForm();"/>
                </div>
                <img src="/kr/images/counsel/img_counsel_catalog01.gif" alt="항목관련이미지" />
                <div class="result-wrap">
                  <div id="pdfList" >
                   <c:forEach var="result" items="${resultList }">
                       <!-- row -->
                        <div class="section">
                            <div class="thumb-area-wrap" title="이미지">
                                <div class="thumb-area">
                                ${result.imgPath }
                                    <img src="/kr/file/imagePathView.do?nrFilNm=PDF/IMG/${result.imgPath }" alt="카탈로그 이미지" class="thumb" />
                                </div>
                            </div>
                            <div class="sort-area" title="분류">
                                ${result.comCdNm }
                            </div>
                            <div class="name-area" title="차종명">
                                    ${result.carName }
                            </div>
                            <div class="update-area" title="차종명">
                               ${result.updateDt }
                            </div>
                            <div class="download-area" title="다운로드">
                                <a href="/kr/file/download.do?filSn=${result.filSn }"><img src="/kr/images/common/button/btn_pdf_download.gif" alt="PDF 다운로드" /></a>
                            </div>
                        </div>
                    <!-- //row -->
                    </c:forEach>
                   
                   </div>
            
                    
                    
                    <!-- 결과 외 영역 -->
                    <p class="exe-notice">차종별 PDF를 보시려면 <a href="http://www.adobe.com/kr/products/acrobat/readstep2.html" target="_blank">Acrobat Reader</a>를 설치하셔야 합니다.</p>
                    <!-- //결과 외 영역 -->
                </div>
            </div>
        </div>
    </div>
    </div>
    <hr />
    <%@ include file="/WEB-INF/jsp/com/include/footer.jspf" %>